<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<li>
			<b> 列表框，基本的数据选择框，数据加载方式和下拉框一样，区别在于支持多选</b>
		</li>
		<li>
			<b> 选择项的数据可以是本地数据也可以是远程加载数据，远程数据需要设置url </b>
		</li>
		<li>
			<b> 以下示例分别展现了列表框本地和远程数据的加载 </b>
		</li>
		<br />
		<br />
		<cw:form>
			<li>
				本地数据列表框，选项数据来源通过dataFields和data设置，dataFields为数据字段名称，data为数据值
				<table>
					<tr>
						<td align="right">
							可选区县：
						</td>
						<td>
							<cw:listBox dataFields="['value', 'text']" property="multiselect"
								data="[[1,'杨浦区'], [2,'虹口区'],[3,'长宁区'],[4,'普陀区'],[5,'闸北区'],[6,'宝山区']]" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				远程数据多选框，设置url为远程加载URL
				<table>
					<tr>
						<td align="right">
							可选区县：
						</td>
						<td>
							<cw:listBox property="multiselect" remote="true" url="listbox.json" />
						</td>
					</tr>
				</table>
				<br />
			</li>
		</cw:form>
	</body>
</html>
